/*
Theme Name: AWE Distributable - Black
Theme URI: http://wordpress.org/
Description: For AWE Use Only
Author: Marvin Monteagudo
Version: 1.0
Tags: black,  white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, translation-ready, microformats, rtl-language-support, editor-style
*/


body { margin: 0; padding: 0; text-align: center; background: url(images/topbg.jpg) top repeat-x white; font-family:Helvetica, Arial, sans-serif}
	.clearfix { clear:both;}
	hr.contentDivider { border: 1px solid #ccc; border-collapse:collapse; margin: 10px 0 20px 0 }
	.readmore { font-size: 8pt; float:right;}
	body a { text-decoration: none;}	
#topwrap, #botwrap { width: 960px; text-align:left; margin:0 auto;}
#header { height: 100px; line-height: 100px;}
	#header h1 { margin: 0; padding: 0}
	#header #badge { width:125px; height: 125px; background:url(images/badge-120.png) no-repeat; z-index: 1000; position:absolute; margin-left: 800px; margin-top: 60px; }
#logo { float:left; width: 960px; background:url(images/bplogo.png) no-repeat}	
#fone { color:white; font-size: 14pt; line-height: 1.5em; float:right; text-align:center; margin-right: 100px;}
#navi {  display: block; padding: 0; height: 30px;  line-height: 30px; font-size:10pt; text-shadow: 1px 1px 1px #000; font-weight: bold; }	
	#navi ul {margin: 0; padding: 0; list-style: none; }
	#navi ul li { float: left; margin: 0 .75em; } 
	#navi ul li a { color: white; font-size: 10pt; text-decoration: none; text-transform:uppercase}
	#navi ul li a:hover { color: #F90 }
	#navi ul li a.current { color: #FF9 }
#slideshow { height: 360px; background:url(images/ssbg.jpg) bottom no-repeat; margin-top: 2px; }
	#slideshow img { float:left;}
	#slideshow .frontOptin { border: 10px solid #F90; width: 330px; background:#FC0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; float: right; padding: 25px; margin: 50px 50px 0 0} 
		#slideshow .frontOptin h3 { color: #C00; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0 0 20px 0; text-align:center}
	#slideshow .frontOptin .fld { height: 45px; line-height: 45px; }	
	#slideshow .frontOptin .fld .lbl { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; width: 75px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color:#F90}
	#slideshow .frontOptin .fld .in input[type=text] { background: #FC6; height: 21px; border: 1px solid #F90; width: 200px; padding: 7px 25px}
	#slideshow .frontOptin .fld .in input[type=text]:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
	#slideshow .frontOptin .fld .in input[type=submit] { background:#F90; height: 35px; border: 1px solid #F90; width: 250px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; font-size: 14pt; color:#C00;}
	#slideshow .frontOptin .fld .in input[type=submit]:hover { color: #000; background:#F60}
#midbar { margin: 35px auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;}	
	#midbar ul { margin: 0; padding: 0; list-style:none; height: 75px; }
	#midbar ul li {  text-align: center; float:left;}
	#midbar ul li a { margin: 0; height: 53px;  width: 198px; padding: 10px 20px; color: white; text-decoration: none; display: block; border-right: 1px solid white;} 
	#midbar ul li a:hover { background: #333; color:#F90} 
	#midbar ul li a.first { border-left: 1px solid white;}
	#midbar ul li a.fill { width: 199px !important }
	
#contentArea { font-family:Arial, Helvetica, sans-serif; font-size: 9pt; margin-top: 10px; min-height: 450px;}		
#contentArea #mainContent { width: 707px; float:left;}
	#contentArea #mainContent .contentBlock h1 { font-size: 18pt; margin: 30px 0 20px 0; padding: 0; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 2px 2px 2px #999;}	
		#contentArea #mainContent .contentBlock h1 a { text-decoration: none; color: #333; }
		#contentArea #mainContent .contentBlock h1 a:hover { text-decoration: none; color: #009; }
	#contentArea #mainContent .contentBlock p { text-align: justify}
	#contentArea #mainContent .contentBlock .contentInfo { font-size: 8pt; margin-left: 5px; color: #CCC; }
	#contentArea #mainContent .contentBlock .contentProper { margin: 0 1em 0 60px;}
	
		#contentArea #mainContent .contentBlock .contentProperNoMargin { margin: 0 }
		#contentArea #mainContent .contentBlock .contentProperNoMargin .articles { margin: 0 2em;}
		#contentArea #mainContent .contentBlock .contentProperNoMargin .articles .articleSet { margin-bottom: 1em; display: block;} 
		#contentArea #mainContent .contentBlock .contentProperNoMargin .articles .articleSet .articleInfo { margin: 1em; height: 75px; display: block; clear: both;}
		#contentArea #mainContent .contentBlock .contentProperNoMargin .articles .articleSet .articleInfo img { border: 0; width: 75px; height: auto;}
	
	#contentArea #mainContent .contentBlock .navigation { height: 25px; line-height: 25px; background: #ddd; padding: 0 1em; }
	#contentArea #mainContent .contentBlock .navigation .nav-previous { float:left;}
	#contentArea #mainContent .contentBlock .navigation .nav-next { float:right;}
	#contentArea #mainContent .contentBlock .calendar { width: 50px; height: 100px; float:left; background:url(./images/icoCal.png) top no-repeat; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; }
		#contentArea #mainContent .contentBlock .calendar .month { color:white; font-size: 8pt; text-align: center; font-weight: bold; margin-top: 10px;}
		#contentArea #mainContent .contentBlock .calendar .day { text-align: center; font-size: 16pt; font-weight: bold;}
		#contentArea #mainContent .contentBlock .calendar .year {text-align: center; font-size: 8pt; font-weight: bold; margin-top: -3px}
	#contentArea #mainContent .contentBlock .tags { font-size: 8pt; font-style:italic; }
	#contentArea #mainContent .contentBlock .tags a { color:#666; text-decoration:none }
	#contentArea #mainContent .contentBlock .tags a:hover { color:#000 }	
	#contentArea #mainContent .contentBlock img { float:left; border: 1px solid black; margin-right: 5px; margin-bottom: 3px;}
#contentArea #sidebar { width: 233px; float: right; } 
	#contentArea #sidebar ul { list-style: none; margin: 0; padding: 0; font-size: 8pt; }
	#contentArea #sidebar .widget, 
	#contentArea #sidebar .widget-container { background:#ddd; border: 1px solid #333; margin-bottom: 15px;  } 	
		#contentArea #sidebar .widget-container h3,
		#contentArea #sidebar .widget h2 { margin: 0; padding: 0 5px; background: #333; color: white; height: 30px; line-height: 30px; font-size: 11pt;}
		#contentArea #sidebar .widget-container ul, 
		#contentArea #sidebar .widget ul,
		#contentArea #sidebar .widget div { margin: 0; padding: 10px;}
		#contentArea #sidebar .widget_recent_entries a,
		#contentArea #sidebar .widget_meta a,
		#contentArea #sidebar .widget_archive a { color: black; text-decoration: none; line-height: 1.5em; padding-left: 16px; background:url(images/bullet-arrow-right.png) no-repeat left; }
		#contentArea #sidebar .widget_recent_entries a:hover,
		#contentArea #sidebar .widget_meta a:hover,
		#contentArea #sidebar .widget_archive a:hover { color:#900; background:url(images/bullet-arrow-down.png) no-repeat left; } 
		#contentArea #sidebar #text-4,
		#contentArea #sidebar #text-4 a, { margin:0; padding: 0} 
		
		#contentArea #sidebar  #nav_menu-3 a {font-size: 8pt; display: block; margin-bottom: 5px; color: #039; font-weight: bold;}
		#contentArea #sidebar  #nav_menu-3 a:hover { color: #C00}
		
		
		#contentArea .contentBox { border: 1px solid #ccc; background: #eee; padding: 1em; margin-bottom: 1.5em; }
		#contentArea .contentColLeft { margin-bottom: 1.5em; width: 325px; background: #eee; float:left; padding: 1em; border: 1px solid #ccc; min-height: 150px }
		#contentArea .contentColRight { margin-bottom: 1.5em; width: 325px; background: #eee; float:right; padding: 1em; border: 1px solid #ccc;  min-height: 150px }
		#contentArea #contentColumnar { margin-bottom: 1.5em; }
		#contentArea #contentColumnar h3 { padding: 0; margin: 0;}
		#contentArea #contentColumnar a { color: #333; text-decoration: none;}
		#contentArea #contentColumnar a:hover { color: #009}
		#contentArea #contentColumnar a.readmore { color: blue; }
		#contentArea #contentColumnar a.readmore:hover { color: #FC0; }
		
		

#bottom { margin-top: 20px; background:url(images/footbg.jpg) top repeat-x #132250;}
#footer { padding: 20px 0 ; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
	#footer #col1 { width: 180px; float:left; }
	#footer #col2 { width: 180px; float:left; margin-left: 15px; }
	#footer #col3 { width: 180px; float:left; margin-left: 15px; padding-right: 15px; border-right: 1px solid #555}
	#footer #col4 { padding-left: 15px; width: 345px; float:left;}
	
	#footer h3 { margin: 0 0 10px 0; padding: 0; font-size: 10pt;} 
	
	#footer ul { list-style: none; margin: 0; padding: 0}
	#footer ul li { line-height: 1.5em}
	#footer ul li a { color:white; text-decoration: none}
	#footer ul li a:hover { color: yellow; }	 
		